<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>onfocus</title>
    <script>
        function myFunction(x) {
            x.style.background = "yellow";
        }
    </script>
</head>

<!-- 当输入字段获得焦点时，改变其背景色。 -->

<body>
    输入你的名字: <input type="text" onfocus="myFunction(this)">
    <p>当输入框获取焦点时，修改背景色（background-color属性） 将被触发。</p>
</body>

</html>